<template> 
 <Navbar>
     <span slot="left" class="iconfont icon-arrow-left icon" @click="goDetail()"></span>
     <div slot="center" class="center">
         <span>商品</span>
         <span>商品详情</span>
         <span>商品推荐</span>
     </div>
     <span slot="right" class=" iconfont  icon  icon-ellipsis right"></span>
 </Navbar>

</template>
   
<script>
import Navbar from "../../components/navbar.vue"
import Slide from "../../components/Slide.vue"
export default {
    data(){
        return {
            id:this.$route.params.id
        }
    }, 
    components:{
        Navbar,
        Slide
    },
    methods: {
        goDetail(id){
            this.$router.push('/goods/' + id)
        }
    },

}
</script>

<style lang="scss" scoped>
.center{
    display: flex;
    justify-content: center;

    span{
        line-height: 40px;
        margin:0 10px
    }
}

.iconfont{
    font-size: 25px;
    
}

</style>
